<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="stylesheets/index.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/user.css" />
    <title>Document</title>
    <style>
        #mask{
            width: 100%;
            background: lightgrey;
            opacity: 0.5;
            position: absolute;
            z-index: 999;
            top: 0px;
            height: 113px;
            display: none;
        }
    </style>
</head>
<body>
    <div class="sys_header">
        <div class="logo"><img src="images/logo.png" /></div>
        <div class="logo_text">欢迎系统管理员：&nbsp;<span><%= userName %></span>&nbsp;
           <%=(new Date()).getFullYear()%>年<%=(new Date()).getMonth()+1%>月<%=(new Date()).getDate()%>日&nbsp;
            <% var weeks=["星期天","星期一","星期二","星期三","星期四","星期五","星期六"]%> <%=weeks[(new Date()).getDay()]%>
        </div>
        <div class="sys_return">
            <ul>
                <li><a href="#"><img src="images/exit.png" /></a><a href="#" onclick="loginout()">退出登录</a></li>
                <li><a href="#"><img src="images/return.png" /></a><a href="#">返回主页</a></li>
            </ul>
        </div>
        <div class="sys_nav">
            <ul id="menu">
                <li class="sys_nav_hover" title="/user_list"><a href="##">用户</a></li>
                <li title="/group_list"><a href="##" >用户组</a></li>
                <li title="/department_list"><a href="##">机构</a></li>
            </ul>
        </div>
    </div>
    <div class="sys_top1">
        <div class="sys_top2">首页&nbsp;-&nbsp;教务信息&nbsp;-&nbsp;标题</div>
    </div>
    <iframe src="/user_list" id="mainframe" width="100%" height="600px" scrolling="no"></iframe>
<div id="mask">

</div>
</body>
<script src="/javascripts/jQuery.js"></script>
<script>
    $("#menu li").click(function(){
        var routepath = $(this).attr("title");
        $("#menu li").removeClass("sys_nav_hover");
        $(this).addClass("sys_nav_hover");
        $("#mainframe").attr("src",routepath);
    })
    // var menulist = document.getElementById("menu").getElementsByTagName("li");
    // var mainframe = document.getElementById("mainframe");
    // for(var i = 0; i < menulist.length; i++){
    //     menulist[i].onclick = function(){
    //         $("#menu li").removeClass("sys_nav_hover");
    //         $(this).addClass("sys_nav_hover");
    //         mainframe.src = this.title;
    //     }
    // }
</script>
</html>